
import { App, Directive } from 'vue'
import lazy from './lazy'  //导入自定义指令
//  定义一个自定义指令的类型
type CustomDirective = Directive;

const directives: Record<string, CustomDirective> = {  //汇总自定义指令
  lazy  //图片懒加载 这里就是指令名 在文本中使用方法就是 v-指令名
}

export default {  //导出自定义指令
  install (app: App) {// 以安装的方式插到app中
    Object.keys(directives).forEach((key) => {    // 遍历directives对象的key
      app.directive(key, directives[key])        // 将每个directive注册到app中
    })
  }
}